<template>
  <div class="agreement">
    <view class="agreement_header">
      <view class="agreement_header_title"
        :style="'padding-top:' + demoSize.top + 'px;' + 'height:' + demoSize.height + 'px;'">
        <image @click="onTapBack" class="agreement_header_title_button" src="/static/tabs/blackback.png"
          mode="scaleToFit" />
        <view class="agreement_header_title_nav">用户服务协议</view>
      </view>
    </view>
    <view class="agreement_main">
      <view>
        一、重要须知 <br>
        国潮旅拍Ai为旅拍之家（北京）电子商务有限公司（或称“我们”“本公司”）开发运行的一款AI画图产品，为使用户(或称“您”“使用者”)在使用本产品过程中拥有良好的画图体验，同时也为更好的保护用户个人信息，特制定本协议，请您在注册使用本产品前务必仔细完整阅读本协议，充分理解协议内容，尤其涉及用户切身权益的黑色加粗字体部分，应重点阅读，如您对协议内容无异议，且自愿受本协议约束，方可开始使用本产品，未成年人请在监护人陪同下认真阅读协议内容，在获得监护人许可情况下，完成产品注册再行进入产品操作界面；如您对本协议内容有疑问，可通过协议底部所列方式联系我们，我们将尽快为您解答，我们旨在为广大AI画图爱好者提供更好的服务，希望能收到您的问题反馈。
      </view>
      <view>
        二、账号注册 <br>
        【1】用户在使用“国潮旅拍Ai”前，需通过合法途径获取注册方式并成为用户，注册采用实名认证方式，请用户在注册过程中填写真实有效的个人身份信息，否则将不能正常使用该产品。只有用户完成注册后登陆进入应用程序，才可以正常使用“国潮旅拍Ai”进行各项操作。
        <br>

        【2】用户进行账号注册时严禁借用或盗用他人员身份信息进行注册，一经证实，该账号将被强行注销，账号中原有数据或作品将被删除（不可复制，不可恢复，不可找回），由此产生的全部责任，由用户本人自行承担，本公司因此遭受损失的，有权向该用户追偿。
        <br>

        【3】产品获取方式 <br>

        【3.1】点击注册/登陆按钮，根据页面提示填写真实有效的个人身份信息，成功注册为“国潮旅拍Ai”的用户，每次可通过登陆首次注册账号进入操作界面进行画图。 <br>

        【4】根据实名制政策，一人名下仅能注册一个账号，注册后的账号仅供注册用户本人使用，禁止赠与、借用、租用、转让或售卖，遂用户应妥善管理自己的账号与密码，若密码不慎丢失，用户可联系“国潮旅拍Ai”或通过指定方式找回密码，密码找回后，账号中原有数据不受影响。
        <br>

        【5】 禁止盗用他人身份信息找回他人账号用户名或密码，禁止利用非法网络技术登陆他人账号进行界面操作，恶意发布不良信息等。 <br>

        【6】用户在注册使用产品过程中，应正确命名账号昵称，选择账号头，不得存在违反《互联网用户账号名称管理规定》等相关规定情形，不得冒用机构、社会名人等昵称，否则，本公司有权终止该用户对该账号的使用，由此产生的全部责任，由用户本人自行承担，本公司因此遭受损失的，有权向该用户追偿。
      </view>
      <view>
        三、服务内容 <br>
        “国潮旅拍Ai”系为广大AI画图爱好者提供画图服务的一项产品（简单描述一下），产品服务包含免费项目和付费项目，用户完成注册即可浏览网站首页，享受产品免费项目服务，网页中相关付费项目需经用户缴费后方可使用，网页对付费方式或途径有对应提示，用户根据页面提示操作便可获得付费项目服务，用户在付款过程中会根据自身选择自动链接微信或支付宝支付平台，具体支付行为的完成以微信或支付宝等第三方平台生成的订单为准（此处不精准，需根据实际支付平台描述一下），请用户根据自身需求自行选择。
        <br>

        本网站会不时更新或升级，具体服务内容由旅拍之家（北京）电子商务有限公司根据实际情况提供。
      </view>
      <view>
        四、使用规则 <br>
        【4.1】用户在使用产品过程中，应遵守所适用法律规范（法律、法规、规章、规范、政策、行政命令及法律基本原则）相关规定，正确使用产品服务，不得以任何方式自行实施，也不得同意、授权或指示其他第三人利用“国潮旅拍Ai”制作、复制、传播、发布或存储含有以下内容的作品或行为：
        <br>

        4.1.1 违反宪法或法律法规规定的； <br>

        4.1.2 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的； <br>

        4.1.3 损害国家荣誉和利益的，损害公共利益的； <br>

        4.1.4 歪曲、丑化、亵渎、否定英雄烈士事迹和精神，以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉的； <br>

        4.1.5 宣扬恐怖主义、极端主义或煽动实施恐怖活动、极端主义活动的； <br>

        4.1.6 煽动民族仇恨、民族歧视，破坏民族团结的； <br>

        4.1.7 破坏国家宗教政策，宣扬邪教和封建迷信的； <br>

        4.1.8 散布谣言，扰乱社会秩序，破坏社会稳定的； <br>

        4.1.9 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的； <br>

        4.1.10 侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益的； <br>

        4.1.11 使用夸张标题，内容与标题严重不符的； <br>

        4.1.12 炒作绯闻、丑闻、劣迹等的； <br>

        4.1.13 不当评述自然灾害、重大事故等灾难的； <br>

        4.1.14 带有性暗示、性挑逗等易使人产生性联想的； <br>

        4.1.15 展现血腥、惊悚、残忍等致人身心不适的； <br>

        4.1.16 煽动人群歧视、地域歧视等的； <br>

        4.1.17 宣扬低俗、庸俗、媚俗内容的； <br>

        4.1.18 可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好等的； <br>

        4.1.19 侵犯他人肖像权、知识产权、商业秘密或其他合法权益的； <br>

        4.1.20 含有其他对网络生态造成不良影响的内容的； <br>

        4.1.21 含有法律、行政法规禁止的其他内容的。 <br>

        【4.2】用户不得利用本产品进行任何侵犯他人权益行为，一经发现，本公司有权采取删除、屏蔽、断开链接等必要措施以避免损害的扩大，同时终止该用户继续使用本产品，由此产生的所有责任由用户本人承担，与本公司无关。 <br>

        【4.3】用户不得通过“黑客”等网络技术对本产品进行攻击，恶意篡改、增加或删除产品原有信息，或制造病毒使产品瘫痪，影响其他用户正常使用。 <br>

        【4.4】 用户在使用产品服务期间，不得利用网络技术盗取他人信息，登陆他人账号，进行非法操作。 <br>

        【4.5】用户本人为自己在使用产品服务期间的所有行为负责。
      </view>
      <view>
        五、知识产权相关声明 <br>
        “国潮旅拍Ai”由旅拍之家（北京）电子商务有限公司开发并运营，除本产品中涉及广告的知识产权由对应广告商享有外，旅拍之家（北京）电子商务有限公司就“国潮旅拍Ai”产品中提供服务内容的知识产权均归属旅拍之家（北京）电子商务有限公司所有，包括但不限于网页、文字、图片、声音、音频、视频等，用户在使用本产品前对自己已发布内容取得合法权利的内容除外。
        <br>

        六、产品的变更、中断、终止 <br>
        【6.1】为给用户提供更好的产品服务，提升用户体验，用户确认并同意接受本公司不定时提供本产品的更新，包括但不限于版本升级和替换、产品功能修改和强化等，除另有约定外，本产品的任何升级或版本更新，均受本协议约束，请用户关注产品通知，及时了解产品服务变化，根据自身需求选择是否同步升级、更新产品。
        <br>

        【6.2】本公司有权在必要时中断或终止向您继续提供服务，而无需向您或第三方承担任何责任，您对此确认并同意接受，中断或终止向您继续提供服务的必要条件包括但不限于以下情形： <br>

        6.2.1 根据法律规定用户应提交真实信息，而用户提供的个人资料不真实、或与注册时信息不一致又未能提供合理证明； <br>

        6.2.2 用户违反相关法律法规或本协议的约定； <br>

        6.2.3 按照法律规定或主管部门的要求； <br>

        6.2.4 出于安全的原因或其他必要的情形。 <br>

        七、用户个人信息保护 <br>
        本公司郑重承诺将遵循《中华人民共和国个人信息保护法》等相关法律要求，做好用户个人信息保护措施，严格保护就注册环节获取到的用户信息，谨防用户个人信息泄露、丢失等情况的发生。非必要，未经用户本人同意不将用户个人信息转发、共享给他人或任意第三方，在此，也提醒用户在使用网络过程中，加强个人信息保护意识，形成良好的上网习惯。
        <br>

        八、未成年用户特别说明 <br>
        【8.1】
        本产品主要面向具有完全民事行为能力成年人，未成年人作为特殊网络用户，在使用本产品时应在监护人陪同下共同仔细阅读本协议内容，并作出是否允许未成年人使用产品服务的决定，尤其产品中付费项目，请监护人承担起必需的监护义务，因监护人未履行必要监护职责，致使未成年人遭受伤害或损失的，本公司不承担任何责任。
        <br>

        【8.2】 未成年人获得监护人同意使用本产品时，应正确学习运用网络信息，自觉遵守网络文明，合理分配时间，加强自我约束及自我保护能力，共同营造良好网络环境。 <br>

        九、不可抗力及其他免责事由 <br>
        不可抗力指不可预见、不可避免、不可克服的客观情况，包括地震、台风、洪水等自然灾害，也包括战争、罢工、政变等社会事件。鉴于互联网的特殊性质，本合同项下的不可抗力亦包括但不限于下列影响互联网正常运行的情形： <br>

        1. 乙方服务器或乙方渠道因遇不法攻击导致服务器临时性不能正常运行； <br>

        2. 电信部门技术调整导致之重大影响； <br>

        3. 因政府管制而造成之暂时关闭； <br>

        4. 病毒侵袭； <br>

        5. 基础网络故障、带宽、域名解析故障； <br>

        6. 网络设备或技术提供商的服务延迟、服务障碍； <br>

        7. 软件、系统等服务设备维护、检修等非人为因素造成的不可抗拒情况； 用户在使用产品服务期间，如因不可抗力等因素，致使本产品服务中断，且该结果不可避免，不可克服，出现上述情况时，用户对此理解并确认，并承诺免除本公司相关责任。
        <br>

        十、适用法律与争议解决 <br>
        本协议适用中华人民共和国法律。任何与本协议有关的争议，双方可协商解决，协商不成，任何一方均可向北京市朝阳区人民法院提起诉讼。 <br>
        十一、其他 <br>
        用户完成注册且开始使用“国潮旅拍Ai”产品服务视为您已认真阅读并接受本协议及相关协议内容，自愿受本协议约定 <br>

        如您对本隐私政策有任何疑问、意见或建议，或者需要就个人信息安全进行投诉、举报的，可发送邮件至邮箱【814659873@qq.com】联系我们，我们将在收到邮件后15个工作日内回复，希望能为您提供满意的产品服务。
      </view>
    </view>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue'
import { onLoad, onShow } from "@dcloudio/uni-app"
const nickname = ref('好柿豆花生生')
const isFocus = ref(false)
const demoSize = reactive({ //胶囊位置
  top: 0,
  height: 0
})

onLoad(() => {
  // 获取小程序右上角胶囊位置信息
  const demo = uni.getMenuButtonBoundingClientRect()
  demoSize.top = demo.top
  demoSize.height = demo.height
})
onShow(() => { })
const onTapBack = () => {
  uni.navigateBack({
    delta: 1 // 表示返回上一级页面，如果 delta 大于 1 则返回多级页面  
  });
}
</script>

<style lang="scss">
page {
  background-color: #fff;
}

.agreement {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  &_header {
    width: 100%;
    height: 176rpx;
    background-color: #fff;
    position: fixed;
    top: 0;

    &_title {
      display: flex;
      position: relative;
      align-items: center;
      width: 100%;

      &_nav {
        left: 50%;
        transform: translateX(-50%);
        font-weight: 500;
        font-size: 34rpx;
        // width: 136rpx;
        position: absolute;
      }

      &_button {
        font-weight: 500;
        font-size: 34rpx;
        position: absolute;
        left: 34rpx;
        width: 18rpx;
        height: 35rpx;
      }
    }

    &_person {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 54rpx;

      &_left {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 60rpx;

        image {
          width: 100rpx;
          height: 100rpx;
          border-radius: 50%;
          margin-right: 12rpx;
        }

        text {
          font-weight: 500;
          font-size: 32rpx;
          color: #333333;
        }
      }

      &_right {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 188rpx;
        height: 72rpx;
        background: rgba(86, 63, 48, 0.1);
        border-radius: 36rpx;
        font-weight: 500;
        font-size: 30rpx;
        color: #563F30;
        margin-right: 60rpx;

        image {
          width: 32rpx;
          height: 28rpx;
          margin-right: 12rpx;
        }
      }
    }
  }

  &_main {
    width: calc(100% - 64rpx);
    margin-top: 220rpx;

    view {
      font-weight: 400;
      font-size: 28rpx;
      color: #222222;
      line-height: 52rpx;
    }
  }
}
</style>